
{extend name=".././view/list.html" /}
{block name="jsset"}

{/block}
{block name="nav"}
	<span class="layui-breadcrumb">
		<a href="">系统管理</a>
		<a href="">教务管理</a>
		<a><cite>学期列表</cite></a>
	</span>
{/block}
{block name="search"}
		<div class="layui-form-item" style="margin-bottom: 0;">
      <label for="searchval" class="layui-form-label">
        关键字
      </label>
      <div class="layui-input-block">
          <input type="text" id="searchval" name="searchval"
          autocomplete="off" class="layui-input" placeholder="输入关键字并回车">
      </div>
    </div>
    <div class="layui-form-item">
    <div class="layui-inline">
      <label for="title" class="layui-form-label">
        时间
      </label>
      <div class="layui-input-inline">
        <input type="text" class="layui-input layui-input-date" id="bfdate" name="bfdate" placeholder="" value="" autocomplete="off" lay-filter="riqi">
      </div>
      <div class="layui-input-inline">
        <input type="text" class="layui-input layui-input-date" id="enddate" name="enddate" placeholder="" value="" autocomplete="off" lay-filter="riqi">
      </div>
    </div>
  </div>
{/block}
{block name="table"}
	<table id="tabledemo" lay-filter="mytable" lay-size="sm"></table>
{/block}
{block name="myjs"}
	<!-- 表格上面按钮模板 -->
<script type="text/html" id="toolbarDemo">
	<div class="layui-btn-container">
		<button class="layui-btn layui-btn-danger" lay-event="dels">
			<i class="iconfont">&#xe69d;</i> 批量删除
		</button>
		<button class="layui-btn" lay-event="add">
			<i class="iconfont">&#xe6b9;</i> 添加
		</button>
	</div>
</script>
<!-- 记录操作按钮模板 -->
<script type="text/html" id="barDemo">
	<a class="layui-btn-xs" lay-event="edit" title="编辑"><i class="layui-icon">&#xe642;</i></a>
	<a class="layui-btn-xs" lay-event="del" title="删除"><i class="layui-icon">&#xe640;</i></a>
</script>
<!-- 表格操作 -->
<script>
  // 设置列
  options.cols=[[ //表头
      {type:'checkbox', fixed: 'left'},
      {field: 'id', title: 'ID',sort: true},
      {field: 'title', title: '标题',sort: true, minWidth:240},
      {field: 'xuenian', title: '学年',sort: true},
      {field: "category_id",title: '分类',sort: true,templet:function(d){
        var str='';
        if(d.glCategory)
        {
          str = d.glCategory.title;
        }
        return str;
      }},
      {field: 'bfdate', title: '开始时间',sort: true} ,
      {field: 'enddate', title: '结束时间',sort: true},
      {field: 'status', title: '状态',templet:'#status', sort: true},
      {field: 'id', title: '操作',toolbar: '#barDemo',minWidth:140}
    ]];

  // 提交搜索条件后重载表格
    layui.use(['table','cjgl','laydate'],function(){
      var table = layui.table
          cjgl = layui.cjgl;
          laydate = layui.laydate;
      //表头工具栏事件
      table.on('toolbar(mytable)', function(obj){
        switch(obj.event){
          case 'dels':
            var checkStatus = table.checkStatus('mytable'); //idmytable 即为基础参数 id 对应的值
            cjgl.delAll(checkStatus,'xueqi/delete','mytable');
            break;
          case 'add':
            cjgl.add('添加学期','xueqi/create','','',true);
            break;
        };
      });

      //监听行工具条
      table.on('tool(mytable)', function(obj){
        var data = obj.data; //获得当前行数据
        var layEvent = obj.event; //获得 lay-event 对应的值（也可以是表头的 event 参数对应的值）
        var tr = obj.tr; //获得当前行 tr 的DOM对象
        switch(layEvent){
          case 'detail':// 查看
            layer.msg('查看' + data.id);
            break;
          case 'del':// 删除
            cjgl.del(obj,"xueqi/delete");
            break;
          case 'edit':// 编辑
            cjgl.add('编辑学期','xueqi/edit/'+obj.data.id,'','',true);
            break;
        };
      });
      lay('.layui-input-date').each(function(){
        laydate.render({
          elem: this
          ,trigger: 'click'
            ,done: function(value, date, endDate){
              $("#srcsubmit").click();
            }
        });
      });
    });
</script>
{/block}
